<section id="breadcrumb" class="two green-color">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center breadcrumb-block">
                <h3>服务中心</h3>
                <ol class="breadcrumb">
                    <style>
                        .breadcrumb, .breadcrumb a{ color:#FFFFFF}
                    </style>
                    <a href='{:url('/')}'>主页</a> > <a href='{:url('service/index')}'>服务中心</a> >
                </ol>
            </div>
        </div>
    </div>
</section>
<!--Portfolio-->
<section id="services" class="five space-top">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-1.png" alt="services">
                    <div class="hover" style="background-color: #26c281">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-2.png" alt="services">
                    <div class="hover" style="background-color: #ed4d3c">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-3.png" alt="services">
                    <div class="hover" style="background-color: #f9bf3b">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-4.png" alt="services">
                    <div class="hover" style="background-color: #19b5fe">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-5.png" alt="services">
                    <div class="hover" style="background-color: #26c281">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
            <div class="col-sm-4 service-block">
                <div class="inner"> <img src="/assets/images/service-image-6.png" alt="services">
                    <div class="hover" style="background-color: #bf55ec">
                        <h3><a href="#">百度云共享平台提供网站模板免费下载</a> </h3>
                        <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享学习平台</p>
                        <a href="#" class="btn radius-2x">查看更多</a> </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Action 4-->
<section class="space action bg one">
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 text-center action-block">
                <h3 class="animate-in move-up">百度云4期培训班正在招生中</h3>
                <p class="animate-in move-up">从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利 <br>
                    课程涉及网站搭建，网站SEO，模板开发等最新建站技术</p>
                <a href="#" class="btn radius-2x green-btn hvr-bounce-to-right animate-in move-up">立即报名</a> </div>
        </div>
    </div>
</section>
<!--price plans-->
<section id="price-plans" class=" three">
    <div class="container">
        <!--main heading-->
        <div class="main-heading two col-sm-12 no-padding text-center animate-in move-up">
            <h2>网站服务报价</h2>
            <p>百度云专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源 <br>
                我们致为于打造优秀的建站资源共享平台</p>
        </div>
        <div class="row">
            <div class="col-sm-4 price-block text-center animate-in move-up">
                <div class="inner">
                    <h4>普通VIP会员</h4>
                    <div class="price">$50/<span>元</span></div>
                    <h6>best for startup</h6>
                    <p>百度云资源无下载权限限制 <br>
                        可在百度云官网发布外链 <br>
                        VIP等级专属标识 <br>
                        在线视频免费观看</p>
                    <a href="" class="btn radius-2x green-btn hvr-bounce-to-right">立即充值<i class="icofont icofont-simple-right"></i></a> </div>
            </div>
            <div class="col-sm-4 price-block featured text-center animate-in move-up">
                <div class="inner">
                    <h4>钻石VIP会员</h4>
                    <div class="price">$800/<span>元</span></div>
                    <h6>best for startup</h6>
                    <p>百度云资源无下载权限限制 <br>
                        可在百度云官网发布外链 <br>
                        VIP等级专属标识 <br>
                        在线视频免费观看</p>
                    <a href="" class="btn radius-2x green-btn hvr-bounce-to-right">立即充值<i class="icofont icofont-simple-right"></i></a> </div>
            </div>
            <div class="col-sm-4 price-block text-center animate-in move-up">
                <div class="inner">
                    <h4>黄金VIP会员</h4>
                    <div class="price">$200/<span>元</span></div>
                    <h6>best for startup</h6>
                    <p>百度云资源无下载权限限制 <br>
                        可在百度云官网发布外链 <br>
                        VIP等级专属标识 <br>
                        在线视频免费观看</p>
                    <a href="" class="btn radius-2x green-btn hvr-bounce-to-right">立即充值<i class="icofont icofont-simple-right"></i></a> </div>
            </div>
        </div>
    </div>
</section>